<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title>stylish</title>
	<link rel="stylesheet" href="/css/bootstrap.css">
	<link rel="stylesheet" href="/css/content.css">
	<style type="text/css">
		.code {height: 10em; width: 40em;}
		#sections > div:only-of-type .remove-section {display: none;}
		#sections > div .add-section {display: none;}
		#sections > div:last-of-type .add-section {display: inline;}
	</style>
</head>
<body>
	<section id="basic-info" class="form-horizontal">
			<div class="page-header" style="display: none;"><a id="heading" class="btn btn-success" href="#"><i class="icon-plus icon-white"></i></a></div>
			<div class="page-header"><h3>添加样式</h3></div>
			<div class="control-group">
				<label for="name" class="control-label">名称：</label>
				<div class="controls"><input id="name" onchange="makeDirty()" /></div>
			</div>
			<div class="control-group">
				<label for="enabled" class="control-label">启用：</label>
				<div class="controls">
					<label class="checkbox">（勾选直接启用规则）
						<input type="checkbox" id="enabled" onchange="makeDirty()" />
					</label>
				</div>
			</div>
			<hr>
			<div id="sections"></div>
			<div class="form-actions"><button onclick="save()" class="btn btn-primary">保存</button></div>
	</section>
	<script src="/js/jquery-1.7.2.js"></script>
	<script src="storage.js"></script>
	<script src="messaging.js"></script>
	<script src="edit.js"></script>
	<script src="/js/bootstrap.js"></script>
</body>
</html>